// 定义划分份数
@nb: 15;

// 默认html字号大小
html {
    font-size: 50px;
}

//利用媒体查询设置不同屏幕尺寸下html字号大小
// 320px屏幕下
@media screen and (min-width: 320px) {
    html {
        font-size: 320px / @nb;
    }
}

// 360px屏幕下
@media screen and (min-width: 360px) {
    html {
        font-size: 360px / @nb;
    }
}

// 375px屏幕下
@media screen and (min-width: 375px) {
    html {
        font-size: 375px / @nb;
    }
}

// 384px屏幕下
@media screen and (min-width: 384px) {
    html {
        font-size: 384px / @nb;
    }
}

// 400px屏幕下
@media screen and (min-width: 400px) {
    html {
        font-size: 400px / @nb;
    }
}

// 414px屏幕下
@media screen and (min-width: 414px) {
    html {
        font-size: 414px / @nb;
    }
}

// 424px屏幕下
@media screen and (min-width: 424px) {
    html {
        font-size: 424px / @nb;
    }
}

// 480px屏幕下
@media screen and (min-width: 480px) {
    html {
        font-size: 480px / @nb;
    }
}

// 540px屏幕下
@media screen and (min-width: 540px) {
    html {
        font-size: 540px / @nb;
    }
}

// 720px屏幕下
@media screen and (min-width: 720px) {
    html {
        font-size: 720px / @nb;
    }
}

// 750px屏幕下
@media screen and (min-width: 750px) {
    html {
        font-size: 750px / @nb;
    }
}